export const constantRoutes = [
    {
        path: '/login',
        component: () => import('@/views/login/index.vue'),
        //权限需要用到命名路由
        name: 'login',
        meta: {

            hidden: true
        },
    },
    {
        path: '/',
        component: () => import('@/layout/index.vue'),
        name: 'layout',
        redirect: '/home',
        meta: {
            title: "layout",
            icon: "Avatar",
            hidden: true
        },
        children: [{
            path: '/home',
            component: () => import('@/views/home/index.vue'),
            meta: {
                title: '首页',
                hidden: false, icon: 'HomeFilled'
            }
        }]
    },
    {
        path: '/screen',
        component: () => import('@/views/screen/index.vue'),
        //权限需要用到命名路由
        name: 'Screen',
        meta: {
            title: "数据大屏",
            icon: 'Monitor'
        },
    },
    {
        path: '/404',
        component: () => import('@/views/404/index.vue'),

        name: '404',
        meta: {

            hidden: true
        },
    }
]
export const asyncRoutes = [{
    path: '/acl',
    component: () => import('@/layout/index.vue'),
    name: 'Acl',
    meta: {
        title: '权限管理',

        icon: 'Lock'
    },
    redirect: '/acl/user',
    children: [{
        path: '/acl/user',
        component: () => import('@/views/acl/user/index.vue'),
        name: 'User',
        meta: {
            title: '用户管理',

            icon: 'User'
        }
    },
    {
        path: '/acl/role',
        component: () => import('@/views/acl/role/index.vue'),
        name: 'Role',
        meta: {
            title: '角色管理',

            icon: 'Monitor'
        }
    },
    {
        path: '/acl/permission',
        component: () => import('@/views/acl/permission/index.vue'),
        name: 'Permission',
        meta: {
            title: '菜单管理',

            icon: 'Monitor'
        }
    }]
},
{
    path: '/product',
    // 用的是layout组件
    component: () => import('@/layout/index.vue'),
    name: 'Product',
    meta: {
        title: '商品管理',

        icon: 'Goods'
    },
    redirect: '/product/tradeMark',
    children: [{
        path: '/product/tradeMark',
        component: () => import('@/views/product/tradeMark/index.vue'),
        name: 'Trademark',
        meta: {
            title: '品牌管理',

            icon: 'ShoppingCartFull'
        }
    },
    {
        path: '/product/attr',
        component: () => import('@/views/product/attr/index.vue'),
        name: 'Attr',
        meta: {
            title: '属性管理',

            icon: 'ChromeFilled'
        }
    },
    {
        path: '/product/spu',
        component: () => import('@/views/product/spu/index.vue'),
        name: 'Spu',
        meta: {
            title: 'SPU管理',

            icon: 'Calendar'
        }
    },
    {
        path: '/product/sku',
        component: () => import('@/views/product/sku/index.vue'),
        name: 'Sku',
        meta: {
            title: 'SKU管理',

            icon: 'Orange'
        }
    }]
}]
export const anyRoute = {
    path: '/:pathMatch(.*)*',
    redirect: '/404',
    //权限需要用到命名路由
    name: 'Any',
    meta: {

        hidden: true
    },
}
